.header {
  background-color: #f4483e;
  display: flex;
  text-align: center;
}
.header .h1 {
  flex: 1;
  font-size: 0.8rem /* 40/50 */;
  margin: 0;
  height: 2rem /* 100/50 */;
  line-height: 2rem /* 100/50 */;
  font-weight: 700;
  color: #ffffff;
}
.header .hea-a {
  height: 2rem /* 100/50 */;
  line-height: 2.2rem /* 110/50 */;
}
.header .hea-a i {
  font-size: 0.6rem /* 30/50 */;
  color: #fff;
  font-weight: 700;
  margin-left: 0.4rem /* 20/50 */;
}
.coupon {
  padding: 0.4rem /* 20/50 */ 0.2rem /* 10/50 */;
  background-color: #fff;
}
.coupon .cou-box {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.coupon .cou-box li {
  border: 1px solid #eee;
  width: 30%;
  padding: 0.2rem /* 10/50 */;
  margin-right: 0.08rem /* 4/50 */;
  margin-bottom: 0.16rem /* 8/50 */;
}
.coupon .cou-box li img {
  margin: 0 auto;
  display: block;
  width: 2.4rem /* 120/50 */;
  height: 2.4rem /* 120/50 */;
}
.coupon .cou-box li p {
  color: #000000;
}
